<template>
  <div class="order_details">
    <van-nav-bar title="订单详情">
      <template #left>
        <span
          style="font-size: 30px; background-color: #06c68a; padding: 4px 0"
          @click="$router.go(-1)"
          class="tc ting-fanhui"
          >返回
        </span>
      </template>
    </van-nav-bar>
    <div class="order_details-group">
      <van-cell-group>
        <van-cell title="车牌号" :value="orderData.carNo" />
        <van-cell
          title="车辆类型"
          :value="$utils.filterOpt(orderData.carType, 'carType')"
        />
        <van-cell title="查看图片" :value="orderData.outTime" />
        <van-cell title="入车时间" :value="orderData.inTime" />
        <van-cell title="出车时间" :value="orderData.outTime" />
        <van-cell
          title="停车时长"
          :value="orderData.parkMins | parkTimeFilter"
        />
        <van-cell title="路段名称" :value="orderData.roadName" />
        <van-cell title="车位号" :value="orderData.parkspaceCode" />
        <van-cell
          title="应收金额（元）"
          :value="(orderData.totalMoney / 100).toFixed(2)"
        />
        <van-cell
          title="实收金额（元）"
          :value="(orderData.payMoney / 100).toFixed(2)"
        />
        <van-cell
          title="是否固定停车"
          :value="orderData.fixFlag ? '是' : '否'"
        />
        <van-cell title="出车收费员" :value="orderData.outTollmanName" />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {
  computed: {
    orderData() {
      return this.$store.getters.orderDataGetter;
    },
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped lang="scss">
.order_details-group {
  width: calc(100% - 24px);
  margin: 10px auto;
}
</style>
